
<ion-nav-view name="login-tab">
  <ion-view>
    <ion-header-bar align-title="center" class="bar-positive">

      <h1 class="title">登录</h1>

    </ion-header-bar>

    <ion-content ng-controller="loginController">

      <div class="row">
        <div class="col">
          <label class="item item-input" style="font-size: 14px">手机号 <input type="text" ng-model="loginData.username"
                                                                            style="margin-left: 5%;font-size: 14px" placeholder="请输入您的手机号码"></label></div>
      </div>
      <div class="row">
        <div class="col col-60">
          <label class="item item-input" style="font-size: 14px">
            <span style="width: 100%">验证码</span>
            <input type="text" ng-model="loginData.phoneValid" placeholder="请输入验证码" >
          </label>
        </div>
        <div class="col col-30">
          <button class="button" ng-class="countdown < 1 ? 'get-valid-code-on':'get-valid-code-off'"
                  ng-disabled="loginForm.username.$invalid || countdown > 0"
                  ng-click="getVerificationCode(loginData)" style="float: right;background-color: #0c60ee;margin-right: 5px">
            <span ng-if="countdown <= 0" style="color: #FFFFFF;font-size: 12px">获取验证码</span>
            <span ng-if="countdown > 0" style="color: #FFFFFF">{{countdown}}秒</span>
          </button></div>
      </div>

      <br />

      <div class="padding">
        <button class="button button-block button-positive" ng-click="loginRequest(loginData)">登录</button>
      </div>

    </ion-content>

  </ion-view>

</ion-nav-view>

